/* src/styles/variables.css */
:root {
  --docsearch-primary-color: var(--vp-c-accent);
  --docsearch-text-color: var(--vp-c-text);
  --docsearch-spacing: 12px;
  --docsearch-icon-stroke-width: 1.4;
  --docsearch-highlight-color: var(--vp-c-accent);
  --docsearch-muted-color: var(--vp-c-text-mute);
  --docsearch-modal-width: 560px;
  --docsearch-modal-height: 600px;
  --docsearch-modal-background: var(--vp-c-bg-elv);
  --docsearch-searchbox-height: 56px;
  --docsearch-searchbox-background: var(--vp-c-grey-soft);
  --docsearch-searchbox-focus-background: var(--vp-c-bg-elv);
  --docsearch-searchbox-shadow: inset 0 0 0 2px var(--vp-c-accent-soft);
  --docsearch-hit-height: 56px;
  --docsearch-hit-color: var(--vp-c-text-mute);
  --docsearch-hit-active-color: var(--vp-c-bg);
  --docsearch-hit-background: var(--vp-c-bg);
  --docsearch-hit-shadow: 0 1px 3px 0 var(--vp-c-border-hard);
  --docsearch-footer-height: 44px;
  --docsearch-footer-background: var(--vp-c-bg);
  --docsearch-modal-shadow:
    inset 1px 1px 0 0 rgb(255 255 255 / 50%), 0 3px 8px 0 rgb(85 90 100 / 100%);
  --docsearch-modal-container-background: rgb(101 108 133 / 80%);
  --docsearch-icon-color: rgb(21 21 21);
  --docsearch-key-gradient: linear-gradient(
    -225deg,
    rgb(213 219 228) 0%,
    rgb(248 248 248) 100%
  );
  --docsearch-key-shadow:
    inset 0 -2px 0 0 rgb(205 205 230), inset 0 0 1px 1px #fff,
    0 1px 2px 1px rgb(30 35 90 / 40%);
  --docsearch-footer-shadow:
    0 -1px 0 0 rgb(224 227 232), 0 -3px 6px 0 rgb(69 98 155 / 12%);
}

[data-theme='dark'] {
  --docsearch-modal-container-background: rgb(9 10 17 / 80%);
  --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
  --docsearch-key-gradient: linear-gradient(-225deg, #444950, #1c1e21);
  --docsearch-key-shadow:
    inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d,
    0 2px 2px 0 rgb(3 4 9 / 30%);
  --docsearch-footer-shadow:
    inset 0 1px 0 0 rgb(73 76 106 / 50%), 0 -4px 8px 0 rgb(0 0 0 / 20%);
  --docsearch-icon-color: rgb(255 255 255);
}
